Página Web Completa para Alumnos

Introducción a HTML

HTML define la estructura de una página web. En esta sección vemos títulos, párrafos y dos tipos de listas.

Lista desordenada (ul)

• HTML: estructura
• CSS: presentación
• JavaScript: interactividad

Lista ordenada (ol)

1. Planificar la página
2. Escribir el HTML
3. Publicar

Uso de Tablas en HTML

Ejemplo base con inventario simple.

Integración de Imágenes en HTML

Ejemplo con placeholder (recuerda usar alt descriptivo).

Formularios en HTML

Uso de Multimedia en HTML

Video

Audio

Proyecto Final · Mi Portfolio Personal

Ahora que has practicado las secciones de HTML, el reto es crear tu propio Portfolio Web.

1. Crea un <header> con tu nombre y un menú de navegación.
2. Añade una sección Sobre mí con un párrafo breve.
3. Crea una sección Proyectos con una lista o tabla de tus trabajos.
4. Añade una galería de imágenes (3 fotos con <figure> y <figcaption>).
5. Incluye un formulario de contacto con nombre, email y mensaje.
6. Finaliza con un <footer> con enlaces a tus redes sociales.